<template>
  <div class="footer_box">
    <div class="footer_main warpper_box">
      <div class="company-name">
        <dl>
          <dt>企业单位</dt>
          <dd>投资者关系</dd>
          <dd>中青旅</dd>
          <dd>中国青博联</dd>
          <dd>商务差旅</dd>
          <dd>入境旅游</dd>
          <dd>山水酒店</dd>
          <dd>中国青博联</dd>
          <dd>吉北水镇</dd>
          <dd>青旅山西公司</dd>
        </dl>
        <dl>
          <dt>集团企业</dt>
          <dd>中国光大集团</dd>
          <dd>光大银行</dd>
          <dd>光大证</dd>
          <dd>光大保险</dd>
          <dd>光大永明资产</dd>
          <dd>光大基金</dd>
          <dd>光大期贷</dd>
          <dd>光大云付</dd>
        </dl>
        <dl>
          <dt>集团企业</dt>
          <dd>中国光大集团</dd>
          <dd>光大银行</dd>
          <dd>光大证</dd>
          <dd>光大保险</dd>
          <dd>光大永明资产</dd>
          <dd>光大基金</dd>
          <dd>光大期贷</dd>
          <dd>光大云付</dd>
        </dl>
        <dl>
          <dt>集团企业</dt>
          <dd>中国光大集团</dd>
          <dd>光大银行</dd>
          <dd>光大证</dd>
          <dd>光大保险</dd>
          <dd>光大永明资产</dd>
          <dd>光大基金</dd>
          <dd>光大期贷</dd>
          <dd>光大云付</dd>
        </dl>
        <dl>
          <dt>集团企业</dt>
          <dd>中国光大集团</dd>
          <dd>光大银行</dd>
          <dd>光大证</dd>
          <dd>光大保险</dd>
          <dd>光大永明资产</dd>
          <dd>光大基金</dd>
          <dd>光大期贷</dd>
          <dd>光大云付</dd>
        </dl>
      </div>
      <!-- 友情版权 -->
      <div class="friendshipLink">
        <div class="item">关于我们</div>
        <div class="item">联系我们</div>
        <div class="item">门市地址</div>
        <div class="item">人才招聘</div>
        <div class="item">法律声明</div>
        <div class="item">友情链接</div>
        <div class="item">投诉建议</div>
        <div class="item">网站地图</div>
      </div>
      <!-- 版权提示 -->
      <div class="copyright">
        <div class="item">
          ©版权所有 <span>中青族控股有限公司<i>'京ICP证010423号'</i></span
          >有任何疑问和建议,请我们联系 webmaster©aoyou.com
        </div>
        <div class="item">
          旅行社业务经营许可编号:L-BJ-CJ000003京公网安备1101010202409号
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
.footer_box {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  .footer_main {
    padding: 40px 0;
  }
}
.company-name {
  dl {
    display: flex;
    align-items: center;
    color: #333;

    margin-bottom: 25px;
    dt {
      font-weight: 900;
    }

    dd {
      margin-left: 40px;
    }
  }
}
.friendshipLink {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  margin-top: 70px;
  background-color: #63beef;
  .item {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    // background-color: #ddd;
    color: #fff;
    border-right: 1px solid #ddd;
  }
}
.copyright {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  .item {
    font-weight: 700;
    span {
      font-weight: 400;
      margin: 0 10px;
      i {
        margin: 0 10px;
      }
    }
  }
}
</style>
